$(document).ready(function(){
    // 在这里写你的代码...
    $.getJSON("all", function(json){
        console.log(json);
        $("#tbodymainbtn").empty();
        for(var i=0;i<json.length;i++){
            $("#tbodymainbtn").append(
                "<tr id='tridval"+i+"'>"
                +"<td>"+ json[i].id
                +"</td>"
                +"<td>"+ json[i].name
                +"</td>"
                +"<td>"+ json[i].age
                +"</td>"
                +"<td><button type='button' name='btn001' class='btn btn-info btn-sm' id='btn1"+i+"'>修改</button>" +"&nbsp&nbsp&nbsp<button type='button' name='btn003' class='btn btn-danger btn-sm' id='btn3"+json[i].id +"'>删除</button>"
                +"</td></tr>"
            );
            $("#tbodymainbtn").append(
                "<tr style='display:none' id='tridval2"+i+"'><form>"
                +"<td><input type='text'  value='"+ json[i].id
                +"'/></td>"
                +"<td><input type='text' id='name2"+i+"'  value='"+ json[i].name
                +"'/></td>"
                +"<td><input type='text' id='age2"+i+"' value='"+ json[i].age
                +"'/></td>"
                +"<td><button type='button' name='btn002'  class='btn btn-primary btn-sm' id='btn2"+i+"'>保存</button>"
                +"</td></form></tr>"
            );
        }


        //jquery 样式查找 “点+样式名字”
        $("button[name='btn001']").click(function(){
            var id=this.id;
            //截取剩余
            var numb = id.slice(4);
            console.log("****************"+id);
            $("#tridval"+numb).hide();
            $("#tridval2"+numb).show();

        });


        $("button[name='btn002']").click(function(){
            var id=this.id;
            //截取剩余
            var numb = id.slice(4);
            console.log("****************"+id);
            var nval=$("#name2"+numb).val();
            var aval=$("#age2"+numb).val();
            console.log("********name2********"+nval);
            console.log("********age2********"+aval);

            $("#tridval"+numb).show();
            $("#tridval2"+numb).hide();


        });


        $("button[name='btn003']").click(function(){
            var id=this.id;
            //截取剩余
            var numb = id.slice(4);
            console.log("****************"+id);
            console.log("****************"+numb);

            $.getJSON("delete", { uid: numb}, function(json){
                console.log("******delete**********"+numb,json);
                window.location.href="table.html"
            });




        });



    });//$.getJSON("UserServlet", function(json){

});


